		*{
			margin: 0;
			padding: 0;
		}
		a{
			text-decoration:none;
		}
		li{
			list-style:none;
		}
		input , select , textarea, button{
			border: none;
		}
		body{
			background : #075498 url('../img/top.jpg') no-repeat center top;
			font:14px  "microsoft yahei", Arial, Helvetica, sans-serif;
		}
		.page-container{
			height: 1000px;
			width: 1000px;
			margin: 0 auto;
		}
		.page-container .header{
			height: 205px;
			
		}
		.page-container .header-href{
			height:125px;
			line-height: 125px;
		}
		.page-container .header-href img{
			vertical-align: middle;
		}
		.page-container .header-href p{
			color:#fff;
			font-size:50px;
		}
		
		
		.page-container  .header-nav{
			height:75px;
			overflow: hidden;
		}
		
		.page-container .header .header-nav ul li{
			float:left;
			font-size: 18px;
			margin-right:30px;
		}
		.page-container .header .header-nav ul li a{
			color: white;
		}
		
		.page-container .body{
			background: url(../img/transparent.png) repeat;
			
			padding: 20px;
			border-radius:3px;
		}
		.page-container .body .nav-banner{
			background:url(../img/transparent.png) repeat;
			border:1px solid #1253A3;
			border-radius:5px;
			overflow: hidden;
			padding:22px 22px 0px;
		}
		.body .nav-banner ul{
			overflow: hidden;
			margin-bottom: 30px;
		}
		.body .nav-banner ul li{
			width:270px;
			height:420px;
			background: white;
			float:left;
			padding: 10px;
			
			
		}
		.body .nav-banner ul li:not(:last-child){
			margin-right:22px;
		}
		.body .nav-banner ul li .nav-banner-img-container{
			height: 100%;
			background: #F0F0F0;
			position: relative;
		}
		.body .nav-banner ul li .nav-banner-img-container img{
			width:270px;
			display: block;
		}
		.body .nav-banner ul li .nav-banner-img-container .middle{
			font-size: 14px;
			color:#226039;
			font-weight: bold;
			height: 65px;
			line-height: 65px;
			text-align: center;
		} 
		.body .nav-banner ul li .nav-banner-img-container .word{
			padding: 10px;
			height: 105px;
			
		}
		
		.page-container .body .nav-body{
			overflow: hidden;
			
		}
		.page-container .body .nav-banner .nav-body .nav-body-left{
			height: 230px;
			width: 120px;
			float:left;
			
			text-align: right;
			border-right:5px solid #afdcf8;
		}
		.page-container .body .nav-banner .nav-body:last-child .nav-body-left {
			height: 216px;
			width: 120px;
			float:left;
			
			text-align: right;
			border-right:5px solid #afdcf8;
		}
		.page-container .body .nav-banner .nav-body .nav-body-left .nav-left-word-container{
			padding-right: 25px;
		}
		
		.page-container .body .nav-banner .nav-body .nav-body-left .circle{
			width: 10px;
			height: 10px;
			border: 5px solid  #afdcf8;
			border-radius:50%;
			background:  #46a4da;
			position: relative;/* 有问题!!!!!! absolute*/
			left:113px;
			top:10px;
			float:left;
		}
		.page-container .body .nav-banner .nav-body .nav-body-left .nav-left-word-container:hover {
			background:#afdcf8 ;
			border-top-left-radius:60px;
			border-bottom-left-radius:60px;
		}
		.page-container .body .nav-banner .nav-body .nav-body-left .nav-left-word-container:hover  .nav-left-word-top,.circle{
			color:white;
			
		}
		.page-container .body .nav-banner .nav-body .nav-body-left .nav-left-word-container:hover .circle{
			border-color:white;
		}
		.page-container .body .nav-banner .nav-body .nav-body-left .nav-left-word-container .nav-left-word-top{
			font-size: 14px;
			color:#bdd0db;
		}
		.page-container .body .nav-banner .nav-body .nav-body-left .nav-left-word-container .nav-left-word-end{
			font-size: 22px;
			color:#6cbfee;
		}
		
		.page-container .body .nav-banner .nav-body .nav-body-center{
			padding-top:10px;
			height: 220px;
			width: 30px;
			float:left;
			
		}
		
		.page-container .body .nav-banner .nav-body .nav-body-center .triangle{
			
			border-style: solid;
			border-width:10px;
			border-right-color:#579dc5;
			border-left-color:transparent;
			border-bottom-color:transparent;
			border-top-color:transparent;
		}
		.page-container .body .nav-banner .nav-body .nav-body-right-container{
			height: 215px;
			width:699px;
			float:left;
			padding-bottom:15px;
			
		}
		.page-container .body .nav-banner .nav-body .nav-body-right-container .nav-body-right{
			height: 155px;
			width:699px;
			float:left;
			background: #579dc5;
			border-radius:7px;
			padding: 30px;
		}
		.page-container .body .nav-banner .nav-body .nav-body-right-container .nav-body-right .title{
			font-size:16px;
			color:white;
			font-weight:bold;
			height: 30px;
			
		}
		/*.page-container .body .nav-banner .nav-body  .nav-body-right-container .nav-body-right .right-img{
			background:red;
			width:50px;
			height: 150px;
		}*/
		.page-container .body .nav-banner .nav-body .nav-body-right-container .nav-body-right img{
			width:200px;
			height: 140px;
			float:left;
			margin-right: 25px;
			object-fit: contain; 
		}
		.page-container .body .nav-banner .nav-body .nav-body-right-container .nav-body-right  p{
			color:#fff;
			
		}
		.page-container .body .nav-banner .nav-body .nav-body-right-container .nav-body-right  a{
			display: inline-block;
			background:#075498;
			line-height:28px;
			text-align: center;
			color:#fff;
			width:97px;
			height:28px;
			border-radius:3px;
			float:right;
			margin-top:25px;
		}
		.footer{
			
			height: 65px;
			line-height:65px;
			text-align: center;
			color:#fff;
		}
		
		.cover{
			position:absolute;
			width: 270px;
			height:230px;
			background: rgba(0,0,0,0.5);
			top:0px;
			text-align: center;
			display: none;
		}
		.cover p{
			height:40px;
			line-height: 40px;
		}
		.cover p a{
			color : white;
		}
		.body .nav-banner ul li .nav-banner-img-container .cover-img{
			width:50px;
			height:106px;
			margin: auto;
			
			
		}
		.lllll{
			width: 270px;
			height:230px;
			position: absolute;
			top:0;
			background: rgba(0,0,0,0.5);
			color:white;
			text-align: center;
			opacity: 0;
		}
		.body .nav-banner ul li .nav-banner-img-container .lllll:hover{
			opacity: 1;
			}